$(function() {
	var fn = function() {
		var $this = $('#content');
		$('#content tbody:eq(0)>tr>td').each(function() {
			if($(this).find('img').length) {
				$(this).html('<ins data-name="' + $(this).find('img').attr('alt') + '">' + $(this).find('img').attr('alt') + '</ins>')
			}
		})

		var thisH = $this[0].innerHTML;
		var re = /width: \d+pt;|height: [\d.]+pt;|mso[^;]{1,};|border[^;\r\n]{1,};|bgcolor="[^"]{1,}"|background-color: transparent;/g;
		var newH = thisH.replace(re, '').replace(/0.5pt/g, '1px').replace(/\s+/g, ' ').replace(/style="\s?"/g, '');

		$this[0].innerHTML = newH;

		var colgroup = '<colgroup>';
		$('#content col').each(function() {
			colgroup += this.outerHTML;
		});
		colgroup += '</colgroup>';
		console.log($('#content col'), 123);

		var thisH = $this[0].innerHTML;
		newH = newH.replace(/\<\|?colgroup\>|\<col[^\>]{1,}\>/g, '');
		console.log(newH, 456);
		$this[0].innerHTML = newH;

		$('#content table').prepend(colgroup).addClass('table-form');

		$('font').each(function() {
			if($(this).attr('color')) {
				$(this).parent().css('color', $(this).attr('color'))
			}
			$(this).replaceWith(this.innerHTML)
		});
		$('u').each(function() {
			$(this).replaceWith(this.innerHTML)
		});
		$('#content span,#content a').each(function() {
			$(this).replaceWith(this.innerHTML)
		});
		$('#content ins').each(function() {
			//$(this).css({
			//	'width': $(this).parent().width() + 1,
			//	'height': $(this).parent().height() + 1,
			//	'line-height': ($(this).parent().height() + 1) + 'px'
			//})
			$(this).parent().addClass($(this).attr('data-name').replace('\.jpg', '') + '-wl');
			switch($(this).attr('data-name').replace('\.jpg', '')) {
				case 'radio-0':
					$(this).replaceWith('<input  type="radio" name="" value=""/>');
					break;
				case 'radio-1':
					$(this).replaceWith('<label ><input  type="radio" name="" value=""/>单选</label>');
					break;
				case 'radio-2':
					$(this).replaceWith('<label ><input  type="radio" name="" value=""/>可选</label><label ><input  type="radio" name="" value="" checked/>选中</label><label ><input  type="radio" name="" value="" disabled/>禁选</label>');
					break;
				case 'checkbox-0':
					$(this).replaceWith('<input  type="checkbox" name="" value=""/>');
					break;
				case 'checkbox-1':
					$(this).replaceWith('<label ><input  type="checkbox" name="" value=""/>单选</label>');
					break;
				case 'checkbox-2':
					$(this).replaceWith('<label ><input  type="checkbox" name="" value=""/>可选</label><label ><input  type="checkbox" name="" value="" checked/>选中</label><label ><input  type="checkbox" name="" value="" disabled/>禁选</label>');
					break;
				case 'input-0':
					$(this).replaceWith('<input  type="text" name="" value="" placeholder="请输入"/>');
					break;
				case 'date-0':
					$(this).replaceWith('<input  id="date1" type="date" _type="date" min="2018-05-10" max="2018-05-20" placeholder="请输入时间"/>');
					break;
				case 'date-1':
					$(this).replaceWith('<input  id="date1" type="date" _type="date" value="2018-05-14" min="2018-05-10" max="2018-05-20" placeholder="请输入时间"/>');
					break;
				case 'date-2':
					$(this).replaceWith('<input  id="date1" type="date" _type="date" min="2018-05-10" max="2018-05-20" placeholder="开始时间"/><i >-</i><input  id="date1" type="date" _type="date" min="2018-05-10" max="2018-05-20" placeholder="结束时间"/>');
					break;
				case 'select-0':
					$(this).replaceWith('<select ><option selected disabled>请选择</option><option value="01">选项一</option></select>');
					break;
				case 'select-1':
					$(this).replaceWith('<select ><option selected disabled>省</option><option value="01">省1</option></select><select ><option selected disabled>市</option><option value="01">市1</option></select><select ><option selected disabled>区</option><option value="01">区1</option></select>');
					break;
				default:
					console.log('不能识别的模块')
			}
		});
		$('#text').css({
			'display': '',
			'width': $('#content table').width(),
			'height': '200px'
		})[0].innerHTML = $.trim($this[0].innerHTML);
	}

	$('#content').on('paste', function() {
		var $this = $(this);
		setTimeout(function() {
			$this.removeClass('write').removeAttr('contenteditable spellcheck');
			fn();
			$.get("../js/imit.js");
		}, 1000);
	});
});